<ui:composition template="templateAdmin.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

	<ui:define name="adminModificar">
		<style>		
			.ui-widget-content { border: none; padding: 5px; }			
			.ui-widget-content tr td { border: none; color: #00708C; font-family: 'Lato',sans-serif; }
			.ui-button { padding:0px; }
			/* Importante! es para que no muestre el nombre del tipo de elemento en los botones de primefaces */
			.ui-button-text { display: none; }			
			/* Importante! es para que queden los iconos en los botones de primefaces */
			.ui-widget select, .ui-widget button { font-family: 'Glyphicons Halflings'; }
			/* Deja transaprente el form de subida de archivos */
			.ui-fileupload-buttonbar, .ui-widget-header, .ui-corner-top, .ui-fileupload-content, .ui-widget-content { background-color:transparent; }
		</style>
		
		<p:growl id="mensajes" showDetail="true" life="2000" />	

		<div style="padding:30px;">
		
			<h:form enctype="multipart/form-data" id="form1" styleClass="form-horizontal">
					
				<fieldset>			
								
				<legend>Version  |  Autorizar</legend>				
												
				<p:growl id="mensajes" showDetail="false" life="2000" sticky="true" autoUpdate="true"/>
				
				<div class="panel panel-primary" style="border:none;">
					<div style="padding:25px;">
								
						<h1 class="pull-right"><h:outputLabel value="#{registroAutorizacionBean.version.contDig.nombre}"/></h1>
		
						<p:graphicImage value="/Imagenes/Logos/#{registroAutorizacionBean.version.contDig.nombre}"
												styleClass="media-object logo"
												width="100" height="100" id="imgAdmin"
												style="margin: 10px; border: 2px solid #333333;"/>
						
						<h:outputText value="#{registroAutorizacionBean.version.contDig.descripcion}"/>
						
					</div>
					<div class="panel panel-primary" style="text-align:center; border:none;">
						<div class="panel-heading">
							<span class="glyphicon glyphicon-info-sign pull-right"></span>
							<h:outputLabel value="#{registroAutorizacionBean.version.nombre}"/>						
						</div>
						<div class="panel-body" style="text-align:center;">
							<div class="form-group">	
								<div class="col-lg-2">
								    <h:outputLabel value="Numero"/><br/>
								    <h:outputLabel value="#{registroAutorizacionBean.version.numero}"/>
							    </div>
							    <div class="col-lg-2">
								    <h:outputLabel value="Precio"/><br/>
								    <h:outputLabel value="#{registroAutorizacionBean.version.precio}"/>
							    </div>
							    <div class="col-lg-2">
								    <h:outputLabel value="Tamaño"/><br/>
								    <h:outputLabel value="#{registroAutorizacionBean.version.tamanio}"/>
							    </div>
							    <div class="col-lg-2">
								    <h:outputLabel value="Estado"/><br/>
								    <h:outputLabel value="#{registroAutorizacionBean.version.estadoAprobacion}"/>
							    </div>
							    <div class="col-lg-2">
								    <h:outputLabel value="Fecha Ingresado"/><br/>
									<h:outputText value="#{registroAutorizacionBean.version.fechaCreacion}" styleClass="control-label">
										<f:convertDateTime dateStyle="long" pattern="dd/MM/yyyy" for="#{registroAutorizacionBean.version.fechaCreacion}" />
									</h:outputText>								    
							    </div>
							    <div class="col-lg-2">
								    <h:outputLabel value="Nombre de Archivo"/><br/>
									<h:outputText value="#{registroAutorizacionBean.version.archivo}" styleClass="control-label" />
							    </div>							    
							</div>
						</div>
					</div>			
				</div>
				<div class="form-group">
					<h:outputLabel value="Estado" styleClass="control-label col-lg-1"/>
					<div class="col-lg-3 row-lg-4">
						<div class="input-group">
							<span class="input-group-addon"><span class="glyphicon glyphicon-fire"></span></span>
							<h:selectOneMenu label="Estado" id="Estado" value="#{registroAutorizacionBean.version.estadoAprobacion}" effect="fade" styleClass="form-control">
								<f:selectItem itemLabel="Aprobado" itemValue="APROBADA" />
					            <f:selectItem itemLabel="Rechazado" itemValue="RECHAZADO" />
					        </h:selectOneMenu>
				        </div>
					</div>

					<h:outputLabel value="Motivo" styleClass="control-label col-lg-1"/>
					<div class="col-lg-7">
						<div class="input-group">
							<span class="input-group-addon"><span class="glyphicon glyphicon-glass"></span></span>
							<p:inputTextarea label="Movil" value="#{registroAutorizacionBean.motivo}" placeholder="Observacion" styleClass="form-control"></p:inputTextarea>
						</div>
					</div>
				</div>					
					
				<div class="form-group" style="text-align:center; margin: auto;">				
					<br />
					
					<a href="#{request.contextPath}/admin/versionesListar.xhtml" style="margin: 10px;"><button class="btn btn-default">Cancelar</button></a>
			             
		         	<h:commandLink id="regButton" value="Autorizar" update="mensajes"
			             actionListener="#{registroAutorizacionBean.autorizarVersion}"
			             styleClass="btn btn-primary" style="margin: 10px;"/>
				</div>
			             
				</fieldset>		             
			
			</h:form>
		</div>
	
	</ui:define>

</ui:composition>